<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Franklin Capital Corporation</title>
<link href="css/styles.css" rel="stylesheet" type="text/css">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
    <header>
        <h1><img src="images/Franklin-Capital-Corporation-logo.png" alt="Franklin Capital Corporation"  />Franklin Capital Corporation </h1>
        <nav>
            <ul>
                <li><a href="#" class="first selected">Home</a></li>
                <li><a href="#">Customer Services</a></li>
                <li><a href="#">Lender Services</a></li>
                <li><a href="#">Investor Services</a></li>
                <li><a href="#">FAQ</a></li>
                <li><a href="#">Company Info</a></li>
                <li><a href="#">Contact Us</a></li>
            </ul>
        </nav>
        <form id="search" method="post" action="">
            <input type="text" value="Search" />
            <span></span>
            <button type="submit">Go</button>
        </form>
    </header>
    <div id="content">
        <div class="errorMessage">The user ID or password you entered does not match our records. Please try again. <br /> 
        You may also securely recover your <a href="#">User ID</a> or reset your <a href="#">Password</a> online. 
	</div>
        <form id="loginPanel" method="POST" action="">
            <ul>
                <li>
                    <h3>Log on</h3>
                </li>
                <li>
                    <label for="userId" class="error">User ID :</label>
                    <input type="text" name="userId" id="userId" class="loginTextInput"/>
                </li>
                <li>
                    <label for="password" class="error">Password :</label>
                    <input type="password" name="password" id="password" class="loginTextInput"/>
                </li>
                <li>
                    <input type="submit" value="Log on" id="logInButton"/>
                </li>
                <li class="forgotUserText">
                    Forgot <a href="#" class="forgotUser">User ID </a> or <a href="#" class="forgotUser">Password?</a>
                </li>
            </ul>
        </form>
        <div id="banner">
            <h3>Auto Loans</h3>
            <p>Lorem ipsum dolor sit amet, <br /> consectetur adipiscing elit.<br />Curabitur in lectus at nisl<br />vulputate accumsan a eu felis.</p>
            <a href="#">Find out more</a> 
            <img id="banner_img" src="images/loan_banner.png" alt="Auto Loans" />
        </div>
        <ul id="services">
            <li class="customerServices">
                <h3><strong>Customer</strong> services</h3>
                <p>Lorem ipsum dolor sit amet,<br />
                    consectetur adipiscing elit.<br />
                    Curabitur in lectus atnisl.</p>
                <a href="">Read more</a> 
            </li>
            <li class="lenderServices">
                <h3><strong>Lender</strong> services</h3>
                <p>Lorem ipsum dolor sit amet,<br />
                    consectetur adipiscing elit.<br />
                    Curabitur in lectus atnisl.</p>
                <a href="">Read more</a> 
            </li>
            <li class="investorServices">
                <h3><strong>Investor</strong> services</h3>
                <p>Lorem ipsum dolor sit amet,<br />
                    consectetur adipiscing elit.<br />
                    Curabitur in lectus atnisl.</p>
                <a href="">Read more</a> 
            </li>
            <li class="dealerServices">
                <h3><strong>Lender</strong> services</h3>
                <p>Lorem ipsum dolor sit amet,<br />
                    consectetur adipiscing elit.<br />
                    Curabitur in lectus atnisl.</p>
                <a href="">Read more</a> 
            </li>
        </ul>
    </div>
    <footer>
        <ul>
            <li class="needHelp"> Need help? </li>
            <li class="customerServiceOnline"> 
                <a href="#" title="Click to contact Customer Services Online">Click</a>
                <strong>Customer Service Online</strong> 
            </li>
            <li class="call">
                <p>Call <a href="tel:1-800-125-9568">1-800-FCC-1 (1-800-125-9568)</a></p>
            </li>
            <li class="visit">
                <p>Visit a <strong>FCC Branch</strong></p>
            </li>
        </ul>
        <div id="copyright">
            <hr />
            Copyright © 2011. Franklin Capital Corporation. All rights reserved. <a href="">Terms of Use</a> | <a href="">Privacy Policy</a> 
        </div>
    </footer>
</div>
</body>
</html>
